<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

<title>首页</title>
</head>
<body>
	<div class="bs-docs-example">
		<div id="myCarousel" class="carousel slide" align="center">
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
				<li data-target="#myCarousel" data-slide-to="3"></li>
				<li data-target="#myCarousel" data-slide-to="4"></li>
				<li data-target="#myCarousel" data-slide-to="5"></li>
			</ol>
			<div class="carousel-inner">
				<div class="active item">
					<img src="img/picture1.jpg" alt="">
					<div class="carousel-caption">
						<h4>健身房包厢</h4>
					</div>
				</div>
				<div class="item">
					<img src="img/picture2.jpg" alt="">
					<div class="carousel-caption">
						<h4>专业教练</h4>
					</div>
				</div>
				<div class="item">
					<img src="img/picture4.jpg" alt="">
					<div class="carousel-caption">
						<h4>宽敞的休闲区</h4>
					</div>
				</div>
				<div class="item">
					<img src="img/picture3.jpg" alt="">
					<div class="carousel-caption">
						<h4>良好的运动氛围</h4>
					</div>
				</div>
				<div class="item">
					<img src="img/picture5.jpg" alt="">
					<div class="carousel-caption">
						<h4>超大瑜伽、练舞房</h4>
					</div>
				</div>
				<div class="item">
					<img src="img/picture6.jpg" alt="">
					<div class="carousel-caption">
						<h4>豪华更衣间</h4>
					</div>
				</div>
			</div>
			<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
			<a class="carousel-control right" href="#myCarousel"
				data-slide="next">&rsaquo;</a>
		</div>
	</div>

	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/application.js"></script>

</body>
</html>